<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>register</title>
    <!-- CSS -->
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,100,300,500">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/form-elements.css">
    <link rel="stylesheet" href="css/login-style.css">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- Favicon and touch icons -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <style>
        .copy:hover {
            cursor: pointer;
        }
    </style>
</head>
<body>
<!-- Top content -->
<div class="top-content">
    <div class="inner-bg">
        <div class="container">
            <div class="row">
                <div class="col-sm-8 col-sm-offset-2 text">
                    <h1 id="regTitle">CUG Register your account</h1>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-8 col-sm-offset-2 form-box">
                    <div class="form-top">
                        <div class="form-top-left">
                            <h3 id="littleTitle">sign up to our site</h3>
                            <p id="littleMsg">Enter your basic message to sign up:</p>
                        </div>
                        <div class="form-top-right">
                            <i class="fa fa-key"></i>
                        </div>
                    </div>
                    <div class="form-bottom">
                        <form role="form" action="javascript:;" method="post" class="">
                            <div class="form-group">
                                <label class="" for="userId">用户名<strong style="color: red"> *</strong></label>
                                <input type="text" name="form-username" placeholder="Enter your account..."
                                       class="form-username form-control" id="userId">
                            </div>
                            <div class="form-group">
                                <label class="" for="password">密码<strong style="color: red"> *</strong> </label>
                                <input type="password" name="password" placeholder="Enter your password..."
                                       class="form-username form-control" id="password">
                            </div>
                            <div class="form-group">
                                <label class="" for="passwordConfirm">确认密码<strong style="color: red"> *</strong></label>
                                <input type="password" name="username" placeholder="Confirm your password ..."
                                       class="form-username form-control" id="passwordConfirm">
                            </div>
                            <div class="form-group">
                                <label class="" for="name">姓名<strong style="color: red"> *</strong></label>
                                <input type="text" name="name" placeholder="Enter your name..."
                                       class="form-username form-control" id="name">
                            </div>
                            <div class="form-group">
                                <label class="" for="organization">工作单位<strong style="color: red"> *</strong></label>
                                <input type="text" name="organization" placeholder="Enter your organization..."
                                       class="form-username form-control" id="organization">
                            </div>
                            <div class="form-group">
                                <label class="" for="position">职位<strong style="color: red"> *</strong></label>
                                <input type="text" name="position" placeholder="Enter your position..."
                                       class="form-username form-control" id="position">
                            </div>
                            <div class="form-group">
                                <label class="" for="email">邮箱<strong style="color: red"> *</strong></label>
                                <input type="text" name="email" placeholder="Enter your email ..."
                                       class="form-username form-control" id="email">
                            </div>
                            <div class="form-group">
                                <label class="" for="phone">电话<strong style="color: red"> *</strong></label>
                                <input type="text" name="phone" placeholder="Enter your phone number..."
                                       class="form-username form-control" id="phone">
                            </div>
                            <div class="form-group">
                                <label class="" for="phone">发票单位抬头</label>
                                <input type="text" name="receiptTitle" placeholder="Enter your receipt title ..."
                                       class="form-username form-control" id="receiptTitle">
                            </div>
                            <div class="form-group">
                                <label class="">税号</label>
                                <input type="text" name="taxNum" placeholder="Enter your tax number..."
                                       class=" form-control" id="taxNum">
                            </div>
                            <div class="form-group">
                                <label class="">发票类型</label>
                                <select id="receiptType" class="form-username form-control">
                                    <option value="" style="padding: 30px">Select the receipt type...</option>
                                    <option value="会务费" style="padding: 30px">会务费</option>
                                    <option value="会议注册费" style="padding: 30px">会议注册费</option>
                                </select>
                            </div>
                            <button type="submit" onclick="register()" class="btn" id="registerBtn">Registration
                            </button>
                        </form>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6 col-sm-offset-3 social-login">
                    <h3>I have an account and I want to login</h3>
                    <div class="social-login-buttons">
                        <a class="btn btn-link-2" href="login.html">
                            <i class="fa fa-lock"></i> LOGIN
                        </a>
                        OR
                        <a class="btn btn-link-2" href="index.html">
                            <i class="fa fa-home"></i> HOME PAGE
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal none-border" data-keyboard="false" data-backdrop="static" tabindex="1" role="dialog"
     aria-labelledby="myModalLabel"
     id="msgModal">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">
                    <strong id="modalTitle">Please Pay For Your Registration Fee!</strong>
                </h4>
            </div>
            <div class="modal-body">
                <div class="text-left container">
                    注册费：1200元（教师\科研\企业人员）；800元（学生）<br>
                    （1）注册费包括：会议资料、会务费、午餐和晚餐（不包含12月27日的午餐和晚餐）、会议茶歇。<br>
                    （2）注册费不包括：交通差旅、住宿费、签证费。<br>
                    缴费方式：银行转账或现场缴费<br>
                    开户行：中国银行武汉地大支行<br>
                    户名：中国地质大学（武汉）<br>
                    <span>账号: <b>569 057 528 302</b>
                           <i class="fa fa-copy copy" title="复制" onclick="copyAccountNumber()"
                              style="margin-left: 5px"></i>
                           <br></span>
                    请务必注明：MPSEED2019+单位+姓名<br>
                    联系人：樊俊青 <br>电话：13407159110 <br>邮箱: 289670285@qq.com<br>
                    注意事项：<br>
                    1、若要会议期间索取发票，请于2019年12月15日前完成注册缴费。<br>
                    2、缴费成功后，请将转账回执电子版发送至联系人邮箱。<br>
                    3、参会交流QQ群：938582953<br>
                    <br><br>
                    Registration fee: 1200RMB for teachers, scientific researchers, and staffs from enterprise, and 800
                    RMB for students.<br>
                    （1）Registration fee covers conference materials, conference affair charge, lunch and dinner
                    (excluding lunch and <br>dinner on December 27) and coffee break.<br>
                    （2）Registration fee does not cover travel, accommodation and visa fees.<br>
                    Payment methods: bank transfer or on-site payment<br>
                    Bank name: 中国银行武汉地大支行<br>
                    Account name: 中国地质大学（武汉）<br>
                    <span>Account number: <b id="accountNumber">569 057 528 302</b>
                           <i class="fa fa-copy copy" id="copy" title="copy" onclick="copyAccountNumber()"
                              style="margin-left: 5px"></i>
                           <br></span>
                    Please fill in the following information in the remark column:<br>
                    MPSEED2019+Oraganization+Name<br>
                    Contact: Junqing Fan<br>
                    Phone Number：13407159110 <br>
                    Email: 289670285@qq.com<br>
                    Attention:<br>
                    1. If you need receipt during the meeting, please complete the registration and payment before
                    December 15, 2019.<br>
                    2. After successful payment, please send the electronic version of the transfer receipt to the
                    contact email.<br>
                    3. Please join in the QQ Group:938582953.<br>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" onclick="loginPage()" id="ok"
                        class="btn btn-danger waves-effect waves-light save-category">
                    确定
                </button>
            </div>
        </div>
    </div>
</div>

<!-- Javascript -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.backstretch.min.js"></script>
<script src="js/scripts.js"></script>
<script src="js/md5.min.js"></script>
<script src="js/common.js"></script>
<script src="js/register.js?v=1.2"></script>
<script src="js/layer/layer.js"></script>

<!--[if lt IE 10]>
<script src="assets/js/placeholder.js"></script>
<![endif]-->

</body>

</html>